<ui:composition xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      >

    <h:form id="form1">
            <h:panelGrid columns="2" 
                        styleClass="list-background"
                        rowClasses="list-row-even, list-row-odd"
                        >
                <h:outputLabel value="#{bundle.JobLabel}" for="JobNo" ></h:outputLabel>
                <h:inputText id="JobNo" required="true" 
                            requiredMessage="Please enter a Job/mould number"
                             >
                    <f:ajax listener="#{test.aJobNoChanged(event)}" 
                            execute="SelectOne SelectMany CurrencyInput CurrencyConvertor XML" 
                            render="SelectOne SelectMany CurrencyInput CurrencyConvertor XML" 
                            event="change" />
                </h:inputText>

                <h:outputLabel id="SelOneLabel" value="SelectOne: " for="SelectOne"></h:outputLabel>
                <h:selectOneMenu 
                    id="SelectOne" 
                    disabled="#{test.activeJob}">
                        <f:selectItems value ="#{test.selections}"/>  
                </h:selectOneMenu>
                
                <h:outputLabel value="ManyListBox: " for="SelectMany"></h:outputLabel>
                <h:selectManyListbox 
                    id="SelectMany"
                    disabled="#{test.activeJob}">
                <f:selectItems value ="#{test.selections}"/>        

                </h:selectManyListbox>
                    <h:outputLabel for="CurrencyInput" value="Input money: "/>
                    <h:inputText id="CurrencyInput"
                                maxlength="20" 
                                value="#{test.money}"
                                disabled="#{test.activeJob}">
                        <f:validateLongRange minimum="1" maximum="4000000"/>
                    </h:inputText>

                    <h:outputLabel for="CurrencyConvertor" value="Convert money to currency: "/>
                    <h:outputText id="CurrencyConvertor"
                                value="#{test.money}">
                        <f:convertNumber pattern="£#################" />
                    </h:outputText>
                   
            </h:panelGrid>
        <h:commandButton id="postBut" value="Post" action="page2" styleClass="buttons" disabled="#{test.activeJob} "/>
       
                    <h:outputText value ="#{test.xml}" id="XML" escape="false">
                    </h:outputText>
        
        
    </h:form>
    
</ui:composition>

